const TabBox = document.querySelector('.TabBox')
for (let i = 0; i < Data.length; i++) {

  var tabBox = '<div class="tabBox"></div>'
  TabBox.insertAdjacentHTML('beforeend', tabBox)
}
const tabBoxList = document.querySelectorAll('.tabBox')
// console.log(tabBoxList)

Data.forEach((item, index) => {

  var val;

  item.data.forEach(element => {
    val += '<dl><div class="pa">  <div class="left"><div class="icon">' +
      ' <img src="' + element.icon + '" alt="" /></div>  <div class="text"><a href="' + element.href + '">' + element.val + '</a></div>' +
      ' </div> <div class="right">' + element.text + '<div class="icon"></div></div> </div>   </dl>'
  });
  val = val.slice(9)
  tabBoxList[index].innerHTML = val


})


